import React from "react";

import 分享 from "../assets/餐饮版首页切图/分享.png";
import 已收藏 from "../assets/餐饮版首页切图/餐饮版首页切图(1)/收藏/已收藏.png";
import 汉堡 from "../assets/餐饮版首页切图/汉堡.jpg";
import 气泡 from "../assets/餐饮版首页切图/气泡.png";
import styles from "./styles.module.less";

export default class Header extends React.Component {
    render() {
        return (
            <div className={styles.header}>
                <div className={styles.headerLeft}>
                    <div className={styles.titleBox}>
                        <div className={styles.title}>汉堡王汉堡王汉堡...</div>
                        <div className={styles.share}>
                            <img src={分享} alt='' />
                            <img src={气泡} alt=""/>
                        </div>
                    </div>
                    <div className={styles.welcome}>
                        <img src={已收藏} alt='' />
                        <div>欢迎光临本店, 我们会不定期做出优惠活动!</div>
                    </div>
                </div>
                <div className={styles.headerRight}>
                    <img src={汉堡} alt='' />
                </div>
            </div>
        );
    }
}
